@import '../../../style/root.scss';
@import '../../../style/edit.scss';
@include tip;
@include popup-input;
// @include tip;
// .scroll{
//     height: 100vh;
// }
.container {
    height: 100vh;
    @include padding-box(30rpx 30rpx 150rpx 30rpx);
}
.top-title{
    font-size: 46rpx;
    font-weight: 600;
}
.tips-text{
    font-size: 24rpx;
}
.work-title{
    color: #9EA1BB;
    margin-top: 30rpx;
}
.work-type-btn{
    margin-top: 30rpx;
    .btn{
        width: 335rpx;
        height: 81rpx;
        background: #FAFAFC;
        border-radius: 41rpx;
        text-align: center;
        line-height: 81rpx;
        color: $black;
        font-weight: 500;
    }
    .btn-active{
        background: $green;
        color: #FFFFFF;
    }
}
.salary{
    margin-top: 30rpx;
    .salary-top{
        display: flex;
        align-items: center;
    }
    .title{
        color: #565868;
        font-size: 28rpx;
        margin-right: 60rpx;
    }
    .title-active{
        color: $green;
        font-weight: 600;
    }
}
.company{
    margin-right: 55rpx;
}
.choice-start-time{
    width: 45%;
}
.choice-end-time{
    width: 45%;
}
.work-label{
    margin-top: 30rpx;
    .label-list{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 30rpx;
    }
    .label-i{
        @include padding-box(13rpx 23rpx);
        margin: 30rpx 20rpx 0 0;
        background: #FAFAFC;
        border-radius: 8rpx;
        font-size: 24rpx;
    }
    .label-i-active{
        background: #E5FAF1;
        color: $green;
        border: 1rpx solid #00D679;
    }
    .add-label{
        border: 1rpx solid #E8E9EA;
        @include padding-box(9rpx 16rpx);
        border-radius: 35rpx;
        color:#00D679;
    }
    .add-image{
        width: 25rpx;
        height: 25rpx;
        margin-left: 5rpx;
    }
}
.enroll{
    display: flex;
    align-items: center;
    margin-top: 35rpx;
    .enroll-minimum{
        display: flex;
        align-items: center;
        margin-right: 70rpx;
    }
    .enroll-input{
        width: 118rpx;
        height: 60rpx;
        background: #FAFAFC;
        border-radius: 8rpx;
        margin: 0 16rpx;
        padding-left: 30rpx;
    }
}

.bottom-btn{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 130rpx;
    background: #FFFFFF;
    z-index: 10;
    .btn-group{
        margin: 0 auto;
    }
    .showPricePopup{
        width: 345rpx;
        height: 88rpx;
        border-radius: 44rpx 0px 0px 44rpx;
        border: 2rpx solid #00D679;
        text-align: center;
        line-height: 88rpx;
        color: $green;
    }
    .payWage{
        width: 345rpx;
        height: 88rpx;
        background: $green;
        border-radius: 0rpx 44px 44px 0rpx;
        border: 2rpx solid #00D679;
        text-align: center;
        line-height: 88rpx;
        color: #ffffff;
    }
}
.input-widen{
    flex: 1;
}
.input-title{
    flex: none;
}

.label-input-box{
    @include padding-box(10rpx 15rpx);
    width: 420rpx;
    background: #FAFAFC;
    border-radius: 8rpx;
}
.label-addbtn{
    margin: 0 auto;
    width: 313rpx;
    height: 92rpx;
    background: $green;
    border-radius: 47px;
    text-align: center;
    line-height: 92rpx;
    color: #ffffff;
    margin-top: 20rpx;
}
.sign-redio{
    transform: scale(0.7);
}
.introduce{
    color: #9497B1;
}

.tips-introduce{
    width: 28rpx;
    height: 28rpx;
    margin-left: 8rpx;
}